.report-management-wrap{
  width: calc(100% + 40px);
  margin: -16px -20px 0 -20px;

  .ant-tabs {
    .ant-tabs-bar {
      padding: 0 20px;
    }
    .ant-tabs-content {
      .ant-tabs-tabpane {
        padding: 0 20px;
      }
    }
  }

  .btn-wrap {
    height: auto;
    text-align: left;
  }
  .tag-sd{
    border: solid 1px #188fff;
    padding: 2px 6px;
    color: #188fff;
    border-radius: 4px;
    margin-right: 4px;
  }
  .btn-wrap{
    margin-bottom: 20px;
  }
  .report-type-wrap{
    margin-bottom: 20px;
    .report-type-title{
      font-size: 16px;
      margin-bottom: 15px;
      .report-name{
        color: #1E2126;
        font-weight: bold;
      }
      .report-type-expand{
        cursor: pointer;
      }
    }
    .report-type-card{
      padding: 16px 17px 24px 24px;
      border: 1px solid #EEF1FF;
      border-radius: 2px;
      margin:0 20px 20px 0;
      width: 280px;
      display: inline-block;
      vertical-align: middle;
      .report-card-top{
        margin-bottom: 10px;
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        .report-card-name{
          font-size: 14px;
          color: #1E2126;
          line-height: 24px;
          font-weight: bold;
          width: 190px;
          overflow: hidden;
          text-overflow: ellipsis;
          white-space: nowrap;
          height: 24px;
        }
        .report-card-icon{
          flex-shrink: 0;

          .delete-icon {
            cursor: pointer;
            margin-right: 8px;
            &:hover {
              color: #FF6680;
            }
          }
          .edit-icon {
            cursor: pointer;
            &:hover {
              color: #027AFF;
            }
          }
        }
      }
      .report-card-desc{
        font-size: 14px;
        color: #666666;
        line-height: 20px;
        height: 60px;
        overflow: hidden;
      }
    }
    .hover {
      cursor: pointer;

      &:hover{
        border: 1px solid #027AFF;
      }
    }
  }

  .data-modal-tab, .other-data-tab {
    height: calc(100vh - 142px);
    .btn-wrap-tab {
      padding: 0 20px;
    }
    .operation-area {
      padding: 0 20px 0 10px;
      display: flex;
      justify-content: space-around;
      .icon-loading {
        color: #4B8DFF;
        margin-top: 5px;
      }
    }
  }

  .report-manage-tab {
    padding: 0 20px;
  }

}

.edit-custom-data-modal {
  .ant-form-item .ant-form-item-control-wrapper {
    width: 100%;
  }
}

.other-source-data-manage {
  .custom-report-compact {
    .compact-input-prev {
      width: 60%;
    }
    .compact-input-next {
      width: 40%;
    }
  }
  .ant-form-item .ant-form-item-control-wrapper {
    width: 100%;
    .compact-and-delete-btn {
      display: flex;
      .custom-report-compact {
        flex-shrink: 0;
        width: 66%;
      }
      .delete-btn {
        margin-left: 60px;
      }
    }
  }
}
